<html>

<div id='board' width="1000" height="1000" style="position: absolute; background-image: url(wood.jpg); width:1000; height: 1000"/>

hello testing.
<script type="text/javascript" src="board.js"></script>
<script type="text/javascript">
var test_func = function(resources) {
  // var canvas = document.getElementById('board');
  // var ctx = canvas.getContext('2d');
  var container_elem = document.getElementById('board');
  var renderer = new_renderer_(container_elem, resources, 19);
  var board = new_board(13, renderer);
  board.add_stone(0, 0, 1);
  board.add_stone(3, 2, 1);
  board.debug_print();
};

var test_func2 = function(images) {
  console.log('loaded');
  var cvs = document.getElementById('board');
  var cvs_ctx = cvs.getContext('2d');
  cvs_ctx.drawImage(images['black.png'], 0, 0);
};

load_resources(test_func);

</script>
</html>
